<!--设置编码方式-->
<meta charset="utf-8">
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../ExternalLibrary/js/vue.js"></script>

<fieldset>
	<legend>01.不能是函数组成的字符串</legend>
	<div id="cilikID">
			<p>{{message}}</p>
			<button v-on:click="reverseFn">触发函数逆转消息</button><!-- reverseFn必须是一个函数,不能是函数组成的字符串 -->
		</div>
		
		<script type="text/javascript">
			var app = new Vue({
				el:"#cilikID",
				data:{
					message:"我要触发点击事件"
				},
				methods:{
					reverseFn:function(){
						this.message = this.message.split('').reverse().join('');//join()方法用于把数组中的所有元素放入一个字符串。
					}
				}
		
			})
		</script>
</fieldset>

<fieldset>
	<legend>02.可以是函数组成的字符串</legend>
	<div id="fnStr">
		<input type="button" :onclick='str' value="函数组成的字符串">
	</div>
	<script>
		var fnStrObj = new Vue({
			el:"#fnStr",
			data:{
				str:'alert(3)'//这也说明事件放这是可行的,但不标准
			}
		})
	</script>
</fieldset>